<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置文本内容text()</title>
</head>
<body>
<input type="button" value="获取" id="getBtn">
<input type="button" value="设置" id="setBtn">

<div id="div1">这是一个div标签
    <p>这是一个p1标签<span>span1</span></p>
</div>
<div id="div2">这是一个div标签
    <p>这是一个p2标签<span>span2</span></p>
</div>
</body>
<script src="jquery-3.3.1.min.js"></script>
<script>
    $(function () {
        // text()不设置参数
       $('#getBtn').click(function () {
           // 1.1 获取id为div1标签的文本
           // 获取标签中的所有文本 包括后代元素的
           $('#div1').text();
           // 1.2 获取标签为div的文本
           // 包含了多个dom元素的jquery对象 通过text()方法获取文本 会把所有元素的文本获取到
       });
       $('#setBtn').click(function () {
           // 2.1 为div1的标签设置文本
           // 设置文本将覆盖原有的所有内容
           // 若文本中包含html标签 不会被解析
           $('#div1').text('这是新设置的文本<a>aaa</a>>');
       });
    });
</script>
</html>